body{background:#fafafa;}
.readnum{background:url(images/cs-ico.png) 0 -90px no-repeat;padding-left:40px;color:#c9c9c9}
/*导航*/
.header{background:#fafafa;border-bottom:1px solid #e1e1e1;line-height:54px;padding:25px 0;position:relative;z-index:1000}
.header .logo{float:left;padding-right:30px;}
.header .logo a{display:block;width:164px;height:54px;margin:0 auto;overflow:hidden;text-indent:-999em;background:url(images/logo-b.png) no-repeat;}
.header .phone{float:right;font-size:24px;background:url(images/cs-ico.png) 0 13px no-repeat;padding-left:36px;color:#000}
.header-nav{float:left;}
.header-nav a{font-weight:bold;margin:0 15px;color:#000;border-bottom-color:#fafafa}
.header-nav a:hover,.header-nav a.curr{color:#0068b6;text-decoration:none;}
.header-big{height:auto;padding:0}
.header-big .wrap{width:100%}
.header-big .logo{background:#0068b6;height:84px;display:block;padding:15px 0;float:none;}
.header-big .logo a{background:url(images/logo-w.png) no-repeat;}
.header-big .phone{display:none;}
.header-big .header-nav{text-align:center;float:none;}
/*首页*/
.index-swiper{position:relative;}
.index-swiper .swiper-container{position:relative;width:100%;}
.index-swiper .swiper-container .swiper-slide{width:100%;height:0;overflow:hidden;}
.index-swiper .swiper-container .swiper-slide img{display:block;width:100%}
.index-swiper .swiper-pagination{width:100%;bottom:8%;}
.index-swiper .swiper-pagination-bullet{width:1vw;height:1vw;background:#eee;margin:0 .5vw;opacity:1;filter:alpha(opacity=100);box-shadow:0 0 3px rgba(0,0,0,.3)}
.index-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#0068b6;opacity:1;filter:alpha(opacity=100);}
.index-swiper .swiper-container .swiper-slide{height:43.5vw}
.index-swiper .swiper-button-prev,.index-swiper .swiper-button-next{background-color:rgba(0,0,0,.3);width:80px;height:80px;margin-top:-40px;}
.index-swiper .swiper-button-prev:hover,.index-swiper .swiper-button-next:hover{background-color:rgba(0,0,0,.5);}



.index-trait{background:#f2f2f2;text-align:center;box-shadow:0 0 2px rgba(0,0,0,.2)}
.index-trait .wrap{overflow:hidden;}
.index-trait .item{width:33.3%;float:left;padding:40px 0;color:#a0a0a0;font-size:16px;border-left:1px solid #d9d8d8;margin-left:-1px;}
.index-trait .item strong{font-size:96px;font-weight:normal;color:#bcb09b;line-height:80px}
.index-trait .item strong span{font-size:42px}
.serve-step{background:url(images/step.jpg) no-repeat;width:100%;height:200px;}
.f-link{padding:30px;background:#eee}
.f-link a{white-space:nowrap;margin-right:16px;font-size:12px}
.f-link a:hover{color:#0068b6}
.i-idea{height:750px;overflow:hidden;}
.i-idea .hover{margin-bottom:20px}
.i-idea .hover span{display:block;background:rgba(255,255,255,.75);position:absolute;top:50%;left:50%;padding:20px 30px;color:#333;text-align:center;font-weight:bold;font-size:22px;line-height:30px;z-index:11}
.i-idea .hover span em{display:block;font-size:13px;color:#333;line-height:20px}
.i-idea-1{width:520px;height:300px;}
.i-idea-1 span{margin:-80px 0 0 -200px;}
.i-idea-2{width:520px;height:430px;}
.i-idea-2 span{margin:20px 0 0 -100px;}
.i-idea-3{width:630px;height:430px;}
.i-idea-3 span{margin:-100px 0 0 -150px;}
.i-idea-4{width:630px;height:300px;}
.i-idea-4 span{margin:-80px 0 0 0;}
.i-case{height:540px;overflow:hidden;}
.i-news ul{background:#eee;width:460px;height:240px;float:left;margin-right:25px;padding:40px 30px;}
.i-news ul li{line-height:40px;overflow:hidden;height:40px;}
.i-news>.hover span{display:block;background:rgba(255,255,255,.6);position:absolute;top:45%;left:10%;padding:20px 30px;color:#333;text-align:center;font-weight:bold;font-size:24px;line-height:36px;z-index:12;width:80%}
.i-news>.hover span em{display:block;font-size:13px;color:#333;line-height:20px}
.i-news>.hover strong{background:#fff;color:#000;border:2px solid #000;position:absolute;width:40%;left:30%;bottom:20%;line-height:40px;text-align:center;z-index:12}
.i-news>.hover strong:hover{background:#ddd}
.i-shop-banner .center{color:#000;font-size:32px;text-align:center;line-height:50px;z-index:12;opacity:.6;filter:alpha(opacity=60);}
.i-shop-banner .center em{font-size:50px;display:block;white-space:nowrap;opacity:.5;filter:alpha(opacity=50);}
.i-shop-banner .center{opacity:1;filter:alpha(opacity=100);}
.i-shop .item{width:310px;height:342px;float:left;margin-left:20px;}
.i-shop .item.w{width:510px;margin-left:0;}
.i-shop .item span{line-height:44px;position:absolute;width:100%;padding:0 20px;color:#333;background:rgba(255,255,255,.8);bottom:0;left:0;z-index:15}
.i-shop .menu{width:180px;background:#fff url(images/i-shop.png) no-repeat;height:342px;float:left;padding-top:102px;overflow:hidden;}
.i-shop .menu dd{border-left:1px solid #ebebeb;height:242px}
.i-shop .menu dd a{width:90px;border-right:1px solid #ebebeb;height:auto;text-align:center;float:left;margin-right:-1px;border-bottom:1px solid #ebebeb;padding-bottom:7px;color:#888}
.i-shop .menu dd a i{display:block;margin:0 auto -10px;position:relative;top:0}
.i-shop .menu dd a:hover{color:#0068b6;text-decoration:none;}
.i-shop .menu dd a:hover i{top:5px}
/*客户案例*/
.case-banner .swiper-container .swiper-slide{background:#bd3733;height:31vw}
.case-list{margin-left:-30px;}
.case-item{width:370px;margin:0 0 30px 30px;float:left;color:#333}
.case-item a{cursor:pointer;text-decoration:none;color:#333}
.case-item a:hover{color:#0068b6;}
.case-item .hover{width:370px;height:450px;display:block;cursor:pointer;}
.case-item .info{padding:18px 0 18px 84px;background-color:#f1f1f1;height:92px;position:relative;font-size:12px}
.case-item:hover .info{background:#ddd;}
.case-item .info .t{font-size:18px;line-height:32px;}
.case-item .case-icon{position:absolute;top:18px;left:18px}
.case-item .case-icon img{width:56px;height:56px;border-radius:50%;}
.case-view{width:886px;float:left;background:#f6f7f9;padding:50px 93px;color:#333}
.case-view img{max-width:700px}
.case-view .name{font-size:24px;line-height:40px;text-align:center;padding-top:20px}
.case-view .date{font-size:12px;line-height:30px;text-align:center;}
.case-view .desc{width:60%;margin:0 auto 50px;background:#fff;border:1px solid #e1e1e1;padding:12px 30px;text-align:center;}
.case-view .cont p{text-indent:2em;margin:1em 0}
.case-view .cont p:first-child{margin-top:0;}
.case-view .cont p img{display:block;margin:0 auto}
.case-side{width:256px;float:right;}
.case-side h3{background:#515157;color:#fff;line-height:60px;font-size:24px;text-align:center;margin-bottom:30px;}
.case-side .case-item{width:256px;margin:0 0 20px 0;}
.case-side .case-item .hover{width:256px;height:310px;display:block;cursor:pointer;}
.case-side .case-item .hover img{width:256px;height:310px}
.case-side .case-item .info{padding:18px;background-color:#f1f1f1;height:92px;position:relative;font-size:12px}
.case-side .case-item:hover .info{background:#ddd;}
.case-side .case-item .info .t{font-size:18px;line-height:32px;}
.case-side .case-item .case-icon{display:none}
/*经典*/
.classic-text{background:#eee;border:1px solid #d5d5d5;width:880px;margin:0 auto;padding:20px 60px;font-size:12px;box-shadow:0 0 5px rgba(0,0,0,.2);margin-bottom:40px}
.classic-list{margin-left:-30px;position:relative;}
.classic-item{margin-left:30px;float:left;width:570px;padding-bottom:30px}
.classic-item .hover,.classic-item .hover img{height:360px}
.classic-item .t{font-size:18px;font-weight:bold;color:#333;line-height:30px;padding:15px 0;}
.classic-item p{margin-bottom:15px;line-height:20px;height:80px;overflow:hidden}

.classic-list{margin-bottom:30px;margin-left:0}
.classic-item{float:left;width:370px;padding-bottom:30px;border-bottom:1px solid #ddd;opacity:0;filter:alpha(opacity=0);margin-left:0;-webkit-transform:scale(.5);transform:scale(.5);}
.classic-item .hover,.classic-item .hover img{width:370px;height:auto}
.classic-item .t{font-size:18px;font-weight:bold;color:#333;line-height:30px;padding:15px 0;}
.classic-item p{margin-bottom:15px;line-height:20px;height:auto;overflow:hidden}
.classic-item.show{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale(1);transform:scale(1);}

.classic-item{-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all 0.5s ease;transition:all .5s ease}


.classic-pn{line-height:30px;height:30px;position:relative;clear:both;}
.classic-pn .fl{background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") 0 center no-repeat;padding-left:20px;background-size:16px 16px}
.classic-pn .fr{background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E") right center no-repeat;padding-right:20px;background-size:16px 16px}
.classic-view{color:#333;width:1060px;margin:0 auto;}
.classic-view .name{font-size:24px;line-height:40px;text-align:center;padding-top:20px}
.classic-view .date{font-size:12px;line-height:30px;text-align:center;}
.classic-view .desc{width:56%;margin:0 auto 30px}
.classic-view .cont{padding-bottom:30px;}
.classic-view .cont img{max-width:100%}
.classic-view .cont p{text-indent:2em;margin:1em 0}
.classic-view .cont p:first-child{margin-top:0;}
.classic-view .cont p img{display:block;margin:0 auto}
/*活动*/
.channel-title+.activity-list{margin-top:-30px;}
.activity-list .item{padding:30px 0;border-bottom:1px solid #e1e1e1}
.activity-list .item .hover{float:left;width:540px;height:360px;background:#e1e1e1}
.activity-list .item .info{float:right;width:630px;padding:30px 65px 0;color:#666}
.activity-list .item .t{font-weight:bold;font-size:24px;line-height:30px;}
.activity-list .item .date{padding:30px 0;color:#999}
.activity-list .item .tr{padding-top:30px;color:#999}
/*知识*/
.news-banner,.news-banner .pb-swiper{background:#f1f1f1;height:635px}
.news-banner .swiper-slide{height:635px!important;/*overflow:auto!important*/}
.news-banner .swiper-slide img{width:auto!important;height:635px;margin:0 auto;}
.news-banner .swiper-slide .text{width:870px;height:200px;background:rgba(0,0,0,.8);color:#fff;position:absolute;bottom:0;left:50%;padding:30px 80px 0;margin-left:-435px;z-index:100}
.news-banner .swiper-slide .text strong{font-size:30px;display:block;text-align:center;line-height:50px;height:50px;overflow:hidden;}
.news-banner .swiper-slide .text p{padding-top:10px;line-height:24px;height:82px;overflow:hidden;}
.news-left{width:780px;float:left;}
.news-right{width:360px;float:right;}
.news-pic{background:#e0e0e0;padding:20px;margin-bottom:30px}
.news-pic .hover,.news-pic .hover img{width:320px;height:auto;}
.news-top{background:url(images/news-top.png) no-repeat;height:685px;padding:76px 20px 0 60px}
.news-top li{font-size:16px;line-height:60px;height:60px;overflow:hidden;}
.news-left .channel-title{margin:0;}
.news-left .news-view{padding:0 50px}
.news-list .item{padding:30px 0;border-bottom:1px solid #e1e1e1}
.news-list .item .hover{float:left;width:300px;height:200px;background:#e1e1e1}
.news-list .item .info{float:right;width:440px;color:#666}
.news-list .item .t{font-weight:bold;font-size:24px;line-height:30px;}
.news-list .item p{padding:30px 0;}
.news-intro{border:1px solid #e1e1e1;border-width:1px 0;padding:20px 0;color:#333;margin-bottom:30px}
.news-intro .date{font-size:12px;line-height:30px}
.news-intro .name{font-size:30px;line-height:36px;padding:10px 0;}
.news-intro p{color:#888;padding-bottom:20px}
.news-view{color:#333}
.news-view img{max-width:100%}
.news-view p{text-indent:2em;margin:1em 0}
.news-view p:first-child{margin-top:0;}
.news-view p img{display:block;margin:0 auto}
/*客户服务*/
.service{border-top:1px solid #ccc}
.service-menu{width:18%;float:left;background:#fafafa;padding:0 30px 30px;}
.service-menu h2{color:#fff;background:#2069c1;margin:0 -30px;padding:15px 30px;font-size:24px}
.service-menu h3{padding-top:20px;color:#000;border-bottom:1px dotted #ccc;line-height:30px;height:56px;font-size:16px;margin-bottom:6px;}
.service-menu ul{line-height:28px;clear:both;}
.service-menu ul li a{display:block;}
.service-menu ul li a:hover{color:#2069c1;text-decoration:none;}
.service-menu ul li.curr a{color:#2069c1;font-weight:bold;}
.service-menu ul li.curr{background:#eaeaea;margin:0 -30px;padding-left:30px;position:relative;}
.service-menu ul li.curr:after{background:#eaeaea;content:"";position:absolute;top:4px;right:-10px;width:20px;height:20px;-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.service-main{width:80%;float:right;padding:30px 0 30px 30px;color:#333;line-height:24px;}
.service-main>h1{font-size:24px;line-height:40px;border-bottom:1px solid #ddd;height:50px;margin-bottom:20px;color:#000}
.service-main p{text-indent:2em;padding:.3em 0;}
.service-main img{max-width:100%}
.service-main p:first-child{margin-top:0;}
.service-main p img{display:block;margin:0 auto}
.service-main .q{color:#2069c1;margin-bottom:-.5em;font-weight:bold;padding-top:.8em}
.service-main .a{border-bottom:1px dashed #ddd;padding-bottom:.8em;}

/*招聘*/
.job-item .tab{line-height:48px;border-bottom:1px solid #ddd;cursor:pointer;padding:0 20px;position:relative;}
.job-item .intro{overflow:hidden;height:0;opacity:0;filter:alpha(opacity=0);}
.job-item .intro .con{padding:20px;border-bottom:1px solid #ddd;background:#fafafa;}
.job-item.curr .tab,.job-item .tab:hover{background:#eee;}
.job-item.curr .tab{background:#2069c1;color:#fff}
.job-item.curr .intro{height:auto;opacity:1;filter:alpha(opacity=100);}
.job-item .intro p{padding:10px 0;}
.job-item .intro ol{margin:5px 0}
.job-item .intro ol li{padding-left:2em}
.job-item .tab:after{content:"";position:absolute;width:10px;height:10px;border:2px solid #ccc;border-width:0 2px 2px 0;right:20px;top:18px;-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-moz-transition:all 0.25s ease-out;-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out}
.job-item.curr .tab:after{-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);border-color:#fff}

/*品牌*/
/*.brand-banner .swiper-slide{background:#ddd;height:625px!important;text-align:center;padding-bottom:43.5%}*/
/*.brand-banner .swiper-slide img{height:100%;width:auto!important;margin:0 auto}*/
.brand-banner .swiper-container .swiper-slide{background:#ddd;height:43vw;text-align:center;}
.brand-text{color:#000;line-height:24px;font-size:14px;padding:50px 10%}
.brand-text h2{font-size:24px;line-height:36px;height:50px}
.brand{background:url(images/brand/brand-1.jpg) no-repeat;background-size:100% 100%;height:800px;padding:100px 0;margin-bottom:50px}
.brand .fl,.brand .fr{height:600px;background:#fff;width:475px}
.brand .brand-text{padding:70px 15% 0;background:#fff;}
.brand .fr{width:680px;background:#494a51 url(images/brand/brand-5.jpg) center bottom no-repeat}
.brand .fr .brand-text{height:324px}
.brand-link .hover em{width:61px;height:1px;background:#fff;display:block;position:absolute;bottom:70px;right:40px;z-index:100;opacity:0;filter:alpha(opacity=0)}
.brand-link .hover em:after{display:block;height:61px;width:1px;background:#fff;position:absolute;top:-30px;left:30px;content:"";}
.brand-link .hover:hover em{opacity:1;filter:alpha(opacity=100);}
.brand-ut{background-image:url(images/brand/brand-ut-1.jpg);height:830px;padding:100px 0;background-size:100% 100%;}
.brand-ut .brand-text{padding:50px 15% 0;background:#fff;height:375px;}
.brand-ut .item{background:#fff;float:left;height:750px;width:280px;}
.brand-ut-1 .item{height:604px;width:330px;}
.brand-ut-1 .brand-text{height:280px;}
.brand-ut-1 .item:first-child{width:475px}
.brand-ut-1 .mid{margin:0 18px 0 17px}
.brand-ut-1 .mid .brand-text{height:324px;}
.brand-ut-2{background-image:url(images/brand/brand-ut-2.jpg);height:960px;padding:100px 0;margin-bottom:-50px}
.brand-ut-2 .item{margin-left:16px;}
.brand-ut-2 .item:first-child{margin-left:0;}
/*活动详情*/
.avtivity-view{margin-top:40px;text-align:center;}
.avtivity-view img{max-width:100%}